<template>
	<view>
		<!-- TODO 可见范围 -->
		<u-cell-group>
			<u-cell-item title="公开(所有人课件)" :arrow="false" @click="visible = 1">
				<u-radio-group v-model="visible" active-color="#2FD6AC">
					<u-radio name="1"></u-radio>
				</u-radio-group>
			</u-cell-item>
			<u-cell-item title="私密" :arrow="false" @click="visible = 2">
				<u-radio-group v-model="visible" active-color="#2FD6AC">
					<u-radio name="2"></u-radio>
				</u-radio-group>
			</u-cell-item>
			<u-cell-item title="部分可见" :arrow="false" @click="visible = 3">
				<u-radio-group v-model="visible" active-color="#2FD6AC">
					<u-radio name="3"></u-radio>
				</u-radio-group>
			</u-cell-item>
			<u-cell-item title="不给谁看" :arrow="false" @click="visible = 4">
				<u-radio-group v-model="visible" active-color="#2FD6AC">
					<u-radio name="4"></u-radio>
				</u-radio-group>
			</u-cell-item>
		</u-cell-group>
		<view class="btn">完成</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				visible: 1
			}
		}
	}
</script>

<style lang="scss">
	.btn {
		width: 750rpx;
		height: 88rpx;
		background-color: $uni-color-primary;
		position: fixed;
		bottom: 0;
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: bold;
		line-height: 88rpx;
		text-align: center;
	}
</style>
